<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            margin: 0rem;
            font-size: .32rem !important;
        }
        .add{
            width: 10rem;
            height: .6667rem;
            background-color: rgb(255, 0, 0);
            margin: 0 auto;
            overflow: hidden;
        }
        .search{
            width: 9.4rem;
            height: .4rem;
            margin: .1333rem auto;
            display: block;
            border-radius: .3333rem;
            border: none;
            padding: 0;
        }
        .itme-right{
            width: 4.9333rem;
            height: 5.3333rem;
            background-image: url("照片/微信图片_20241221170743.jpg");
            background-size: 100% 100%;
        }
        .itme-left{
            width: 4.9333rem;
            height: 5.3333rem;
            background-image: url("照片/微信图片_20241221171714.jpg");
            background-size: 100% 100%;
        }
        .itme-right2{
            width: 4.9333rem;
            height: 5.3333rem;
            background-image: url("照片/微信图片_20241221171719.jpg");
            background-size: 100% 100%;
        }
        .itme-left2{
            width: 4.9333rem;
            height: 5.3333rem;
            background-image: url("照片/微信图片_20241221171745.jpg");
            background-size: 100% 100%;
        }
        .itme-left-bottom{
            width: 4.9333rem;
            height: 1.3333rem;
            background-color: white;
            overflow: hidden;
         
        }
        .itme-right-bottom{
            width: 4.9333rem;
            height: 1.3333rem;
            background-color: white;
            overflow: hidden;
            
        }
        .right{
            float: right;
        }
        .left{
            float: left;
        }
        .tupian{
            width: .4rem;
            height: .4rem;
            background-color: black;
            border-radius: .2rem;
            float: left;
            margin-left: .0667rem;
            margin-top: .0667rem;
        }
        .wenzi{
            float: left;
            margin-left: .1333rem;
            margin-top: .0667rem;
        }
        .text{
            margin-top: .1333rem;
            margin-left: .2667rem;
            
        }
    </style>
    <script src="flexible.js"></script>
</head>
<body>
    
        <div class="add"> 
            <input class="search" placeholder="请输入想搜索的内容">
        </div>
        <div class="main">
            <div class="left"> 
                <div class="itme-left"></div>
                <div class="itme-left-bottom">
                    <div class="text">欧迪辉</div>
                    <div class="itme-text">
                        <div class="tupian"></div>
                        <div class="wenzi">确定</div>
                    </div>
                </div>
        </div>
            <div class="right">
                <div class="itme-right"></div>
                <div class="itme-right-bottom">
                    <div class="text">欧迪辉</div>
                    <div class="itme-text">
                        <div class="tupian"></div>
                        <div class="wenzi">确定</div>
                    </div>
                </div>
        </div>
           
        </div>
        <div class="main">
            <div class="left"> 
                <div class="itme-left2"></div>
                <div class="itme-left-bottom">
                    <div class="text">欧迪辉</div>
                    <div class="itme-text">
                        <div class="tupian"></div>
                        <div class="wenzi">确定</div>
                    </div>
                </div>
        </div>
            <div class="right">
                <div class="itme-right2"></div>
                <div class="itme-right-bottom">
                    <div class="text">欧迪辉</div>
                    <div class="itme-text">
                        <div class="tupian"></div>
                        <div class="wenzi">确定</div>
                    </div>
                </div>
        </div>
           
        </div>
    
        
   
</body>
</html>